<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
      xmlns:c="http://java.sun.com/jsp/jstl/core"  
      >
     <ui:composition>
     	<h:form>
			<div class="header">
				<div class="headerMenu1">
					<ul id="headerMenu1">
						<li class="page_item page-item-2">
							<a title="User Login" href="#{facesContext.externalContext.requestContextPath}/pages/login.jsf">Login</a>
						</li>
					</ul>
					<span class="clear"></span>
				</div>
				<div class="headerMain header_lightBlue">
					<h1>
						<a href="#{facesContext.externalContext.requestContextPath}/pages/index.jsf">MyGenostics</a>
					</h1>
					<span>Personalized Genetic Research and Diagnostic Services</span>
					<div class="headerSearch">
						<form action="#" method="get">
							<input type="text" name="s" value="Search here..." id="searchQuery" class="searchQuery searchQueryIA"></input>
							<input type="submit" value="Find" class="searchButton"></input>
						</form>
					</div>
				</div>
				<div class="headerMenu2 headerMenu2DS"><span class="helper"></span>
					<ul id="headerMenu2">
						<li>
							<a href="#{facesContext.externalContext.requestContextPath}/pages/index.jsf" class="homeIcon">Home</a>
						</li>	
						<li class="cat-item">
							<a title="View All Our Services" href="#">Services</a>
							<ul class="children">
								<li class="cat-item">
									<a href="#{facesContext.externalContext.requestContextPath}/pages/service1.jsf">Customized Target Enrichment and Sequencing Service</a>
								</li>
								<li class="cat-item">
									<a href="#">Sequencing Based SNP Genotyping Service</a>
								</li>
								<li class="cat-item">
									<a href="#">Whole Exome or Whole Promoter Region</a>
								</li>
								<li class="cat-item">
									<a href="#">Enrichment and Sequencing Service</a>
								</li>
							</ul>
						</li>
						<li class="cat-item">
							<a title="Contact Us" href="#">Contact Us</a>
						</li>
					</ul>
					<span class="clear"></span>
				</div>
			</div>
		</h:form>
	</ui:composition>
</html>